.mt-login {
  .header {
    width: 980px;
    margin: 40px auto 30px;
    height: auto;
    .site-logo {
      margin: 0;
      width: 82px;
      height: 54px;
      display: block;
      background-position: -188px -808px;
      background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
      background-repeat: no-repeat;
    }
  }
  .content {
    .wrapper {
      margin: 0 auto 70px;
      width: 980px;
      .picBanner {
        float: left;
        height: 370px;
        margin: 0 115px 0 0;
        width: 480px;
        >img {
          width: 480px;
          height: 370px;
        }
      }
      .loginSection {
        float: left;
        padding-top: 0;
        margin: 0 auto;
        width: 270px;
        background-color: #fff;
        .validate-info {
          visibility: hidden;
          margin-bottom: 10px;
          padding: 10px;
          width: 250px;
          height: 20px;
        }
        .loginCon {
          .login-type {
            .numLogin {
              float: left;
            }
            .phoneLogin {
              float: right;
            }
            a {
              color: #666;
              font-weight: 400;
              font-size: 12px;
            }
            &:after {
              content: " ";
              display: block;
              height: 0;
              clear: both;
              visibility: hidden;
            }
          }
          .phone_input_wrapper {
            box-sizing: border-box;
            width: 100%;
            padding: 0;
            border: 1px solid #aaa;
            background-color: #fff;
            margin: 8px 0;
            display: flex;
            align-items: center;
            overflow: hidden;
            color: #646464;
            .phone_input {
              width: 180px;
              padding-left: 5px;
              border: none;
              .el-input__inner {
                border: none;
                color: #646464;
                padding: 0;
              }
            }
            &:focus{
              border-color: #FFc300;
            }
            .narrow {
              width: 5px;
              height: 5px;
              display: inline-block;
              border-bottom: 1px solid #646464;
              border-right: 1px solid #646464;
              transform: rotate(-45deg);
            }
          }
          .forget-pwd {
            >span {
              color: #FE8C00;
              float: right;
              font-size: 12px;
            }
            &:after {
              content: " ";
              display: block;
              height: 0;
              clear: both;
              visibility: hidden;
            }
          }
          .submit {
            position: relative;
            padding: 8px 0 8px 0;
            >button {
              width: 100%;
              color: #222;
              background-image: linear-gradient(135deg,#FFD000 0,#FFBD00 100%);
              box-shadow: 0 2px 1px rgba(191,105,0,.15);
              border-width: 0;
              background-size: 100%;
              font-size: 14px;
              font-weight: 700;
              padding: 7px 20px 6px;
              border-radius: 2px;
            }
          }
        }
        .corWrapper {
          margin-top: 20px;
          .titleWrapper {
            position: relative;
            margin-bottom: 30px;
            border-bottom: 1px solid #ccc;
            width: 100%;
            height: 0;
            overflow: visible;
            >span {
              position: absolute;
              top: -10px;
              left: 50%;
              margin-left: -75px;
              width: 150px;
              text-align: center;
              font-size: 14px;
              color: #666;
              font-weight: 400;
              background: #fff;
            }
          }
          .corIcon {
            padding-left: 88px;
       

              .qq {
                width: 18px;
                height: 18px;
                display: block;
                float: left;
                margin-right: 20px;
                background-position: -1250px -491px;
                background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
              }
              .weibo {
                display: block;
                float: left;
                width: 18px;
                height: 18px;
                margin-right: 20px;
                background-position: -1250px -599px;
                background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
              }
              &:after {
                content: " ";
                display: block;
                clear: both;
                height: 0;
                visibility: hidden;
              }
          }
        }
      }
      &:after {
        content: " ";
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
      }
    }
  }
  .footer {
    margin: 0 auto 30px;
    width: 980px;
    font-size: 12px;
    color: #999;
    .site-info-nav {
      margin-bottom: 20px;
      padding: 12px 0;
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      .footerList {
        .listItem {
          float: left;
          list-style: none;
          margin: 5px 0;
          padding: 0 16px;
          border-right: 1px solid #eee;
        }
        &:after {
          content: " ";
          display: block;
          clear: both;
          height: 0;
          visibility: hidden;
        }
      }
    }
    .copyright {
      text-align: left;
      font-size: 12px;
      color: #999;
    }
  }
}